<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DataInput</title>
<!--style start-->
<link href="../../style/doc.css" rel="stylesheet" type="text/css">
<!--style end-->

<!--script start-->
<!--[if lt IE 9]><script src="/common/html5/3.7.3/html5.js"></script><![endif]-->
<!--script end-->
</head>
<body class="docContent">
<h1>DataInput</h1>
<section>
  <h2>依赖</h2>
  <p>无</p>
</section>
<section>
  <h2>简介</h2>
  <p>点击输入框的时候出现日期选择器，进行选择日期</p>
</section>
<section>
  <h2>用法</h2>
  <article>
  	<pre>
&lt;input class=&quot;ht_dateInput&quot; type=&quot;hidden&quot; id=&quot;date&quot; data-options=&quot
startDate:'1900-1-1',
startDateNotFitTips:'不得早于预定的起始时间',
endDate:'2099-12-31',
endDateNotFitTips:'不得晚于预定的结束时间',
startSelector:'',
startSelectorNotFitTips:'不得早于选择的起始时间',
endSelector:'',
endSelectorNotFitTips:'不得晚于选择的结束时间
&quot   /&gt;
  	</pre>
  </article>
</section>
<section>
  <h2>属性</h2>
  <table class="table">
    <thead>
      <tr>
        <th>名称</th>
        <th>类型</th>
        <th>描述</th>
        <th>默认值</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>startDate</td>
        <td>string</td>
        <td>起始日期</td>
        <td>1900-1-1</td>
      </tr>
      <tr>
        <td>startDateNotFitTips</td>
        <td>string</td>
        <td>起始日期不匹配提示</td>
        <td>不得早于预定的起始时间</td>
      </tr>
      
      
      <tr>
        <td>endDate</td>
        <td>string</td>
        <td>结束日期</td>
        <td>1900-1-1</td>
      </tr>
      <tr>
        <td>endDateNotFitTips</td>
        <td>string</td>
        <td>结束日期不匹配提示</td>
        <td>不得晚于预定的结束时间</td>
      </tr>
      
      
      
      
      
      <tr>
        <td>startSelector</td>
        <td>string</td>
        <td>起始选择器</td>
        <td></td>
      </tr>
      <tr>
        <td>startSelectorNotFitTips</td>
        <td>string</td>
        <td>起始日期不匹配提示</td>
        <td>不得早于选择的起始时间</td>
      </tr>
      
      
      
      <tr>
        <td>endSelector</td>
        <td>string</td>
        <td>结束选择器</td>
        <td></td>
      </tr>
      <tr>
        <td>endSelectorNotFitTips</td>
        <td>string</td>
        <td>结束日期不匹配提示</td>
        <td>不得晚于选择的结束时间</td>
      </tr>
    </tbody>
  </table>
</section>
<section>
  <h2>方法</h2>
  <table class="table">
    <thead>
      <tr>
        <th>方法名</th>
        <th>参数</th>
        <th>返回值</th>
        <th>说明</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>init</td>
        <td></td>
        <td>void</td>
        <td>初始化</td>
      </tr>
      <tr>
        <td>getOptions</td>
        <td></td>
        <td>Object</td>
        <td>获得选项，选项是从默认选项派生</td>
      </tr>
      <tr>
        <td>clickHandle</td>
        <td>event</td>
        <td>void</td>
        <td>点击处理</td>
      </tr>
      <tr>
        <td>getControl</td>
        <td></td>
        <td>HTMLElement</td>
        <td>获得控件</td>
      </tr>
      <tr>
        <td>setDate</td>
        <td>String</td>
        <td></td>
        <td>设置时间 如2012-12-12</td>
      </tr>
      <tr>
        <td>setStartSelector</td>
        <td>selector</td>
        <td></td>
        <td>设置开始选择器</td>
      </tr>
      <tr>
        <td>setEndSelector</td>
        <td>selector</td>
        <td></td>
        <td>设置结束选择器</td>
      </tr>
      <tr>
        <td>setStartDate</td>
        <td>String</td>
        <td></td>
        <td>设置开始时间 如2012-12-12</td>
      </tr>
      <tr>
        <td>setEndDate</td>
        <td>String</td>
        <td></td>
        <td>设置结束时间 如2012-12-12</td>
      </tr>
      <tr>
        <td>checkDate</td>
        <td></td>
        <td>Boolean</td>
        <td>检查时间是否符合全部规则</td>
      </tr>
      <tr>
        <td>setValue</td>
        <td>String</td>
        <td></td>
        <td>设置值</td>
      </tr>
      <tr>
        <td>getValue</td>
        <td></td>
        <td>String</td>
        <td>获得值</td>
      </tr>
      <tr>
        <td>removeControl</td>
        <td></td>
        <td>void</td>
        <td>删除</td>
      </tr>
      <tr>
        <td>getButtonGroup</td>
        <td></td>
        <td>HTMLElement</td>
        <td>获得按钮组</td>
      </tr>
    </tbody>
  </table>
</section>
</body>
</html>